/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/14.
	 */
	var Step1 = __webpack_require__(30);
	var Result = __webpack_require__(28);
	var Layer = __webpack_require__(11);
	var Root = React.createClass({displayName: "Root",
	    getDefaultProps:function(){
	        return{
	            result:PageDM.resultDate,
	            gatewayPayResult: PageDM.gatewayResult.value
	        }
	    },
	    componentDidMount: function(){
	        var _this = this;
	        this.refs.step2.style.display = 'none';

	        UEventHub.on('showResult',function (bool,result) {
	            if(bool){
	                _this.refs.step1.style.display = "none";
	                _this.refs.step2.style.display = "block";
	                PageDM.resultDate.setValue(result);
	            }else{
	                _this.refs.step1.style.display = "block";
	                _this.refs.step2.style.display = "none";
	            }
	        });
	        UEventHub.on('gatewayPay',function (result) {
	            console.log(result)
	            _this.refs.gatewayPayFormBox.innerHTML = result.formHtml;
	            document.getElementById(result.formId).submit();
	            _this.refs[PageDM.gatewayLayer.dmbind].layerOpen();
	            _this.refs.orderAgain.href = result.reOrderUrl;
	            _this.refs.finishGatewayPay.onclick = result.checkPay;
	        });
	        UEventHub.on(PageDM.gatewayResult.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            _this.refs.gatewayPayMsg.innerHTML = v.msg;
	        });
	        //URL
	        UEventHub.on(PageDM.URL.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            var checkRef = _this.refs.stepWrap.getRefs('checkWrap');
	            checkRef.setState({
	                url:v
	            })
	        });

	        UEventHub.emit("pageLoad","hello world!");
	        UEventHub.on('LayerOpen',function (v) {
	            _this.refs[v].layerOpen();

	        });
	        UEventHub.on('LayerClose',function (v) {
	            _this.refs[v].layerClose();
	        });
	    },
	    render: function () {
	        var PageDM = window.PageDM;

	        return (
	            React.createElement("div", null, 
	                React.createElement("div", {className: "container", ref: "container"}, 
	                    React.createElement("div", {ref: "step1"}, React.createElement(Step1, {ref: "stepWrap"})), 
	                    React.createElement("div", {ref: "step2"}, React.createElement(Result, {data: this.props.result, url: PageDM.URL.value}))
	                ), 
	                React.createElement(Layer, {ref: PageDM.gatewayLayer.dmbind, className: "gatewayPayLayer", title: "<h4 class='gatewayTitle'>温馨提示</h4>", width: "650px", height: "230px", showClose: false, closeBack: PageDM.gatewayLayer.closeBack}, 
	                    React.createElement("p", {className: "gatewayPayLayerText"}, "请到新打开的网银页面进行支付，若发生支付失败请重新下单"), 
	                    React.createElement("p", {className: "gatewayPayLayerBtn"}, 
	                        React.createElement("a", {ref: "finishGatewayPay", className: "finishGatewayPay", href: "javascript: void(0)"}, "已完成支付"), 
	                        React.createElement("a", {ref: "orderAgain", className: "orderAgain", href: "javascript: void(0)"}, "重新下单")
	                    ), 
	                    React.createElement("p", {className: "gatewayPayMsg", ref: "gatewayPayMsg"})
	                ), 
	                React.createElement("div", {ref: "gatewayPayFormBox"})
	            )
	        )
	    }
	});
	ReactDOM.render(React.createElement(Root, null), document.getElementById('giraffe'));

/***/ }),
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */
/***/ (function(module, exports) {

	/**
	 * Created by DuHuiling on 2017/2/21.
	 */
	var Password = React.createClass({displayName: "Password",
	    getDefaultProps:function(){
	        return{
	            "id":"",
	            "value":"",
	            "className":"",
	            "dmbind":"",
	            "placeholder":"请输入密码",
	            "onkeypress":"",
	            onFocus:function(){}
	        }
	    },
	    _getNode:function(nid){
	        var _nodes = document.getElementsByTagName('div'),
	            _getNode;
	        for(var i in _nodes){
	            if(_nodes[i].refs == nid){
	                _getNode = _nodes[i];
	            }
	        }
	        return _getNode;
	    },
	    _onFocus:function (e) {
	        var _nodeInput = e.target || e.srcElement,
	            _nodeSpan = _nodeInput.nextSibling;
	        if(_nodeSpan.className == "ucs-placeholder"){
	            _nodeSpan.className = "ucs-placeholder hide";
	        }
	        this.props.onFocus && this.props.onFocus();
	    },
	    _handle:function(e){
	        var _nodeSpan = e.target || e.srcElement,
	            _node = _nodeSpan.parentNode,
	            _nodeInput = _node.firstChild;
	        if(_nodeSpan.className == "ucs-placeholder"){
	            _nodeSpan.className = "ucs-placeholder hide";
	        }
	        _nodeInput.focus();
	    },
	    _placeholder:function(_this){
	        if (!('placeholder' in document.createElement('input'))){
	            return (
	                React.createElement("span", {className: "ucs-placeholder", onClick: _this._handle}, _this.props.placeholder)
	            );
	        }else{
	            return "";
	        }
	    },
	    _onBlur:function(e){
	        if (!('placeholder' in document.createElement('input'))){
	            var _nodeInput = e.target || e.srcElement,
	                _node = _nodeInput.parentNode,
	                _nodeSpan = _node.lastChild;
	            if(!_nodeInput.value){
	                _nodeSpan.className = "ucs-placeholder";
	            }
	        }
	        this.props.onBlur && this.props.onBlur();
	    },
	    render:function(){
	        var _this = this;
	        var GiraffeObjectManager = window.GiraffObjectManager;
	        var MaxLength = GiraffeObjectManager[this.props.dmbind].maxLength;
	        if (MaxLength == undefined) {
	            return (
	                React.createElement("div", {className: "ucs-input-control"}, 
	                    React.createElement("input", {id: this.props.id, 
	                           className: "ucs-password " + this.props.className, 
	                           type: "password", 
	                           value: this.props.value, 
	                           dmbind: this.props.dmbind, 
	                           placeholder: this.props.placeholder, 
	                           onkeypress: this.props.onKeyPress, 
	                           onkeyup: this.props.onKeyUp, 
	                           onfocus: this._onFocus.bind(this), 
	                           onblur: this._onBlur.bind(this)}), 
	                    this._placeholder(this)
	                )
	            )

	        } else {
	            return (
	                React.createElement("div", {className: "ucs-input-control"}, 
	                    React.createElement("input", {
	                        id: this.props.id, 
	                        maxLength: MaxLength, 
	                        className: "ucs-password " + this.props.className, 
	                        type: "password", 
	                        value: this.props.value, 
	                        dmbind: this.props.dmbind, 
	                        placeholder: this.props.placeholder, 
	                        onkeypress: this.props.onKeyPress, 
	                        onkeyup: this.props.onKeyUp, 
	                        onfocus: this._onFocus.bind(this), 
	                        onblur: this._onBlur.bind(this)}), 
	                    this._placeholder(_this)
	                )
	            )
	        }
	    }
	});

	module.exports = Password;

/***/ }),
/* 6 */,
/* 7 */
/***/ (function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/1.
	 */
	var Label = __webpack_require__(8);

	var FormItem = React.createClass({displayName: "FormItem",
	    getDefaultProps:function(){
	        return{
	            id:"",
	            label:"",
	            dmbind:"",
	            className:"",
	            correctMsg:'',
	            unValidate:false
	        }
	    },
	    getInitialState:function(){
	        return {
	            tipHide:true,
	            text:'',
	            msgClass:'ucs-form-explain'
	        }
	    },
	    componentDidMount:function(){
	        var ICON_FONT_CONST = window.UI_CONST.ICON_FONT_CONST;
	        var iconCorrect = ICON_FONT_CONST['icon-correct'];
	        // console.log(iconCorrect)
	        var _udmid = this.props.dmbind;
	        var _this = this;
	        UEventHub.on(_udmid + UI_EVENT_CONST.ONVALIDATE_EVENT,function(msg){
	            if(_this.props.unValidate) return;

	            var _msg = msg;
	            if(!_msg){
	                _this.refs[_this.props.dmbind].className = "ucs-form-explain success";
	                _this.refs[_this.props.dmbind].innerHTML = '<div><i class="iconfont ">'+iconCorrect+'</i>'+_this.props.correctMsg+'</div>';
	            }else if(_msg == "clean"){
	                _this.refs[_this.props.dmbind].className = "ucs-form-explain";
	                _this.refs[_this.props.dmbind].innerHTML = '<div></div>';
	            }else{
	                _this.refs[_this.props.dmbind].className = "ucs-form-explain";
	                _this.refs[_this.props.dmbind].innerHTML = '<div><i class="iconfont icon-error"></i>'+_msg+'</div>';
	            }
	        }.bind(this));

	        GiraffObjectManager[_this.props.dmbind].reset = function(){
	            return _this.clearValue();
	        }

	    },
	    getChildrenRefs:function(ref){
	        return this.refs[ref];
	    },
	    clearValue:function(){
	        var _this = this;
	        GiraffObjectManager[_this.props.dmbind].value = "";
	        _this.setState({
	            msgClass:"ucs-form-explain hide"
	        });
	    },
	    render:function(){
	        var _this = this;
	        return(
	            React.createElement("div", React.__spread({},  this.props, {className: "ucs-form-group " + this.props.className, id: this.props.id}), 
	                React.createElement(Label, {value: this.props.label}), 
	                
	                    this.props.children.map(function(item,idx){
	                        if(item.tagName == "INPUT" || item.tagName == "TEXTAREA" || item.displayName == "Input" || item.displayName == "Password" || item.displayName == "Textarea"){
	                            return React.cloneElement(item,{
	                                onFocus:function(){
	                                    _this.refs[_this.props.dmbind].className = "ucs-form-explain hide";
	                                },
	                                value:GiraffObjectManager[_this.props.dmbind].value
	                            });
	                        }else{
	                            return item;
	                        }
	                    }), 
	                
	                React.createElement("div", {className: this.state.msgClass, ref: this.props.dmbind}, this.state.text)
	            )
	        )
	    }
	});

	module.exports = FormItem;

/***/ }),
/* 8 */
/***/ (function(module, exports) {

	/**
	 * Created by DuHuiling on 2017/2/24.
	 */
	var Label = React.createClass({displayName: "Label",
	    getDefaultProps:function(){
	        return {
	            id:"",
	            setFor:"",
	            value:"这是Label",
	            className:""
	        }
	    },
	    render:function(){
	        return(
	            React.createElement("label", {id: this.props.id, For: this.props.setFor, className: "ucs-label "+this.props.className}, this.props.value)
	        )
	    }
	});
	module.exports = Label;

/***/ }),
/* 9 */
/***/ (function(module, exports) {

	var Input = React.createClass({displayName: "Input",
	    getDefaultProps: function () {
	        return {
	            className: 'ucs-input',
	            dmbind: '',
	            placeholder: "",
	            onFocus: function () {
	            },
	            onBlur: function () {
	            }
	        };
	    },
	    componentDidMount: function () {
	    },
	    _onKeyUp:function (e) {
	          this.props.onKeyUp && this.props.onKeyUp(e);
	    },
	    _onFocus: function (e) {
	        var _nodeInput = e.target || e.srcElement,
	            _nodeSpan = _nodeInput.nextSibling;
	        if (_nodeSpan.className == "ucs-placeholder") {
	            _nodeSpan.className = "ucs-placeholder hide";
	        }
	        this.props.onFocus && this.props.onFocus();
	    },
	    _handle: function (e) {
	        var _nodeSpan = e.target || e.srcElement,
	            _node = _nodeSpan.parentNode,
	            _nodeInput = _node.firstChild;
	        if (_nodeSpan.className == "ucs-placeholder") {
	            _nodeSpan.className = "ucs-placeholder hide";
	        }
	        _nodeInput.focus();
	    },
	    _placeholder: function (_this) {
	        if (!('placeholder' in document.createElement('input'))) {
	            return (
	                React.createElement("span", {className: "ucs-placeholder", onClick: _this._handle}, _this.props.value ? _this.props.value : _this.props.placeholder)
	            );
	        } else {
	            return "";
	        }
	    },
	    _onBlur: function (e) {
	        if (!('placeholder' in document.createElement('input'))) {
	            var _nodeInput = e.target || e.srcElement,
	                _node = _nodeInput.parentNode,
	                _nodeSpan = _node.lastChild;
	            if (!_nodeInput.value) {
	                _nodeSpan.className = "ucs-placeholder";
	                _nodeSpan.innerHTML = this.props.placeholder;
	            }
	        }
	        this.props.onBlur && this.props.onBlur();
	    },
	    focus:function () {
	        this.refs.input.focus();

	    },
	    checkPlaceHolder:function () {
	        if (!('placeholder' in document.createElement('input'))) {
	            var _nodeInput = this.refs.input,
	                _node = _nodeInput.parentNode,
	                _nodeSpan = _node.lastChild;
	            if (!_nodeInput.value) {
	                _nodeSpan.className = "ucs-placeholder";
	                _nodeSpan.innerHTML = this.props.placeholder;
	            }
	        }
	    },
	    render: function () {
	        var that = this;
	        var GiraffeObjectManager = window.GiraffObjectManager;
	        if(this.props.dmbind){
	            var MaxLength = GiraffeObjectManager[this.props.dmbind].maxLength;
	            GiraffeObjectManager[this.props.dmbind].focus = function () {
	                document.getElementById(that.props.dmbind).focus();  //todo:这是一个比较麻烦的问题，后续再优化，暂时先这样把
	            }
	        }
	        if (MaxLength == undefined) {
	            return (
	                React.createElement("div", {className: "ucs-input-control"}, 
	                    React.createElement("input", {ref: "input", 
	                           type: "text", 
	                           id: this.props.dmbind, 
	                           value: this.props.value ? this.props.value : '', 
	                           className: this.props.className, 
	                           dmbind: this.props.dmbind, 
	                           placeholder: this.props.placeholder, 
	                           onkeyup: this._onKeyUp.bind(this), 
	                           onfocus: this._onFocus.bind(this), 
	                           onblur: this._onBlur.bind(this)}), 
	                    this._placeholder(this)
	                )
	            )

	        } else {
	            return (
	                React.createElement("div", {className: "ucs-input-control"}, 
	                    React.createElement("input", {ref: "input", 
	                           maxLength: MaxLength, 
	                           type: "text", 
	                           id: this.props.dmbind, 
	                           value: this.props.value ? this.props.value : '', 
	                           className: this.props.className, 
	                           dmbind: this.props.dmbind, 
	                           placeholder: this.props.placeholder, 
	                           onkeyup: this._onKeyUp.bind(this), 
	                           onfocus: this._onFocus.bind(this), 
	                           onblur: this._onBlur.bind(this)}), 
	                    this._placeholder(this)
	                )
	            )

	        }

	    }
	})
	module.exports = Input;

/***/ }),
/* 10 */,
/* 11 */
/***/ (function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/3/14.
	 */
	var Button = __webpack_require__(12);
	//查询样式是否存在
	function hasClass(elem, cls) {
	    elem = elem || {};
	    return new RegExp("\\b" + cls + "\\b").test(elem.className);
	}
	//添加样式
	function addClass(elem, cls) {
	    elem = elem || {};
	    hasClass(elem, cls) || (elem.className += " " + cls);
	    elem.className = elem.className.replace(/^\s|\s$/g, "").replace(/\s+/g, " ");
	}
	//删除样式
	function removeClass(elem, cls) {
	    elem = elem || {};
	    if (hasClass(elem, cls)) {
	        elem.className = elem.className.replace(new RegExp("(\\s|^)" + cls + "(\\s|$)"), "");
	    }
	};
	//obj为要绑定事件的元素，ev为要绑定的事件，fn为绑定事件的函数
	function myAddEvent(obj, ev, fn) {
	    if (obj.attachEvent) {
	        obj.attachEvent("on" + ev, fn);
	    }
	    else {
	        obj.addEventListener(ev, fn, false);
	    }
	}
	function myRemoveEvent(obj, ev, fn) {
	    if (obj.attachEvent) {
	        obj.detachEvent("on" + ev, fn);
	    }
	    else {
	        obj.removeEventListener(ev, fn, false);
	    }
	}

	var Layer = React.createClass({displayName: "Layer",
	    getDefaultProps: function () {
	        return {
	            getContainer:'',
	            display: false,
	            type: "",
	            width: "",
	            height: "",
	            className: "",
	            showClose: true,
	            closeBack: "",
	            position: "fixed",
	            confirm: "",
	            confirmBack: "",
	            cancel: "",
	            cancelBack: "",
	            afterBack: "",
	            animation: "layer-anim-1",
	            maskLayer: true,
	            shadeClose: false,
	            move: false,
	            autoClose: 0,
	            id: "",
	            left: "",
	            top: "",
	            contentHeight: "" //内容区域高
	        }
	    },
	    getInitialState: function () {
	      return{
	          display:this.props.display ? 'block':'none'
	      }
	    },
	    componentDidMount: function () {

	        myAddEvent(window, 'resize', this._handleResize.bind(this));
	    },
	    layerOpen: function () {
	        var _this = this;
	        // this.refs.ucslayer.style.display = "block";
	        this.setState({display:'block'});
	        addClass(this.refs.ucslayer,this.props.animation);
	        this._setPosition();
	        //添加遮罩层
	        this.props.maskLayer ? this._maskLayer() : "";
	        //窗口加载完回调
	        this.props.afterBack ? this.props.afterBack() : "";
	        //计算倒计时
	        this.props.autoClose > 0 ? this._handleCountdown() : "";
	    },
	    layerClose: function () {
	        var _this = this;
	        // this.refs.ucslayer.style.display = "none";
	        this.setState({display:'none'});
	        removeClass(_this.refs.ucslayer,_this.props.animation);
	        //移除遮罩层
	        this.getContainer.removeChild(_this.divEL);
	        if (this.props.shadeClose) {
	            myRemoveEvent(_this.divEL, 'click', this._handleMaskLayerClick);
	            //this.divEL.removeEventListener('click', this._handleMaskLayerClick);
	        }
	        // this.props.closeBack ? this.props.closeBack() : "";
	        clearInterval(this.timer);
	    },
	    _handleResize: function () {
	        //console.log("窗口改变");//传个参数进去，浏览器窗口缩放时不修改弹出层的宽高，只调整位置保持居中
	        //确保窗口在显示状态才执行缩放，隐藏下取不到高
	        this.state.display === "block" ? this._setPosition("resize") : "";
	    },
	    _handleCountdown: function () {
	        var _this = this;
	        //倒计时
	        clearInterval(this.timer);
	        var i = this.props.autoClose;
	        this.timer = setInterval(function () {
	            i--;
	            this.refs.autoClose.innerHTML = i;
	            if (i == 0) {
	                this.layerClose();
	                _this._autoCloseBack();
	            }
	        }.bind(this), 1000);
	    },
	    _autoCloseBack:function () {
	        if(this.props.autoCloseBack){
	            this.props.autoCloseBack();
	        }
	    },
	    _maskLayer: function () {
	        if(this.props.getContainer){
	            this.getContainer = document.getElementsByClassName(this.props.getContainer)[0];
	        }else {
	            this.getContainer = document.body;
	        }
	        this.divEL = document.createElement('div');
	        this.divEL.className = "layer-background";
	        this.getContainer.appendChild(this.divEL);
	        this.props.shadeClose ?
	            myAddEvent(this.divEL, 'click', this._handleMaskLayerClick) : "";
	        //this.divEL.addEventListener("click", this._handleMaskLayerClick) : "";
	    },
	    _handleMaskLayerClick: function () {
	        //遮罩层点击
	        this.layerClose();
	    },
	    _setPosition: function (t) {
	        //浏览器窗口宽高兼容写法
	        this.windowWidth = (document.documentElement.scrollWidth > document.documentElement.clientWidth) ? document.documentElement.scrollWidth : document.documentElement.scrollWidth;
	        this.windowHeight = (document.documentElement.scrollHeight > document.documentElement.clientHeight) ? document.documentElement.scrollHeight : document.documentElement.clientHeight;

	        //如果设定了高宽，则使用设定的
	        this.layerWidth = this.props.width ? this.props.width : this.refs.ucslayer.offsetWidth;
	        this.layerHeight = this.props.height ? this.props.height : this.refs.ucslayer.offsetHeight;
	        this.layerHeight = this.layerHeight > this.windowHeight ? this.windowHeight : this.layerHeight;//如果弹层高度大于浏览器窗口高，则使用浏览器窗口高
	        var scrollTop = 0;// 滚动条的高度
	        if (this.props.position == "absolute") {
	            if (document.documentElement && document.documentElement.scrollTop) {
	                scrollTop = document.documentElement.scrollTop;
	            }
	            else if (document.body) {
	                scrollTop = document.body.scrollTop;
	            }
	        }
	        var left = (parseInt(this.windowWidth) - parseInt(this.layerWidth)) / 2;
	        var top = (parseInt(document.body.clientHeight) - parseInt(this.layerHeight)) / 2;
	        if (t !== "resize") {
	            this.refs.ucslayer.style.width = this.layerWidth;
	            this.refs.ucslayer.style.height = this.layerHeight;
	        }
	        this.refs.ucslayer.style.left = left + "px";
	        this.refs.ucslayer.style.top = top < 0 ? 0 : top + "px";
	        if(this.refs.layerHeader){
	            this.refs.layerContent.style.height = parseInt(this.layerHeight) - parseInt(this.refs.layerHeader.offsetHeight);
	        }else{
	            this.refs.layerContent.style.height = parseInt(this.layerHeight);
	        }

	    },
	    _handleCloseClick: function () {
	        //点击关闭时
	        this.props.closeBack ? this.props.closeBack() : this.layerClose();
	    },
	    _handleConfirmClick: function () {
	        //确认按钮点击时
	        this.props.confirmBack ? this.props.confirmBack() : this.layerClose();
	    },
	    _handleCancelClick: function () {
	        //取消按钮点击时
	        this.props.cancelBack ? this.props.cancelBack() : this.layerClose();
	    },
	    _handleMousedown: function (e) {
	        if (this.props.move) {
	            this.mx = e.pageX - parseInt(this.refs.ucslayer.style.left);
	            this.my = e.pageY - parseInt(this.refs.ucslayer.style.top);
	            this.move = true;
	            myAddEvent(document, 'mousemove', this._handleMouseMove.bind(this));
	            myAddEvent(document, 'mouseup', this._handleMouseUp.bind(this));
	        }
	    },
	    _handleMouseMove: function (e) {
	        if (this.move) {
	            e = event || window.event;
	            var x = e.clientX - parseInt(this.mx);
	            var y = e.clientY - parseInt(this.my);

	            var documentHeight = document.documentElement.clientHeight;
	            if (x <= 0) {
	                x = 0
	            } else if (x > parseInt(this.windowWidth) - parseInt(this.layerWidth)) {
	                //window窗口宽－弹层宽
	                x = parseInt(this.windowWidth) - parseInt(this.layerWidth)
	            }
	            if (y <= 0) {
	                y = 0
	            } else if (y > documentHeight - parseInt(this.layerHeight)) {
	                y = documentHeight - parseInt(this.layerHeight)
	            }
	            this.refs.ucslayer.style.left = x + "px";
	            this.refs.ucslayer.style.top = y + "px";
	            return false;
	        }
	    },
	    _handleMouseUp: function () {
	        this.move = false;
	        myRemoveEvent(document, 'mousemove', this._handleMouseMove.bind(this));
	        myRemoveEvent(document, 'mouseup', this._handleMouseUp.bind(this));

	    },
	    render:function(){
	        window._tmpid1 = window._tmpid1||1;
	        var props = this.props;
	        var style = "width:" + props.width + ";" + "height:" + props.height + ";"+ "display:"+this.state.display + ";"+ "position:"+ props.position+";";
	        var bodyClass = "ucs-layer-body "+(props.type?"ucs-layer-text":"");
	        var bodyContent = "";
	        if (props.type === "text") {
	            //纯文字
	            bodyContent = (React.createElement("div", {className: "ucs-layer-txt"}, props.children));
	        } else if (props.type === "success") {
	            //成功时
	            bodyContent = (
	                React.createElement("div", {className: "ucs-layer-success"}, 
	                    React.createElement("i", {className: "iconfont icon-success icon"}), 
	                    props.children
	                )
	            )
	        }
	        else if (props.type === "failure") {
	            //失败时
	            bodyContent = (
	                React.createElement("div", {className: "ucs-layer-failure"}, 
	                    React.createElement("i", {className: "iconfont icon-failure icon"}), 
	                    props.children
	                )
	            )
	        } else {
	            //其它
	            bodyContent = props.children
	        }
	        var close = (
	                props.showClose ? React.createElement("a", {href: "javascript:;", className: "ucs-layer-close iconfont icon-close", onClick: this._handleCloseClick.bind(this)}) : ""
	            )
	            ;
	        var button = "";
	        if (props.confirm || props.cancel) {
	            button = (
	                React.createElement("div", {className: "ucs-layer-footer"}, 
	                    props.confirm ? React.createElement(Button, {className: "ucs-btn-confirm", onClick: this._handleConfirmClick.bind(this), buttonType: "confirm", value: props.confirm}) : "", 
	                    props.cancel ? React.createElement(Button, {className: "ucs-btn-cancel", onClick: this._handleCancelClick.bind(this), buttonType: "cancel", value: props.cancel}) : ""
	                )
	            );
	        }
	        var autoClose = (
	            this.props.autoClose > 0 ? React.createElement("div", {className: "ucs-autoclose"}, React.createElement("span", {ref: "autoClose"}, this.props.autoClose), "秒后自动关闭!") : ""
	        );
	        var moveStyle = {cursor:(this.props.move ? "move;" : ";")};
	        window._tmpid1++;
	        return (
	            React.createElement("div", {id: window._tmpid1, className: "ucs-layer "+props.className+" "+props.animation, style: {display:this.state.display}, ref: "ucslayer"}, 
	                close, 
	                props.title ? React.createElement("div", {className: "ucs-layer-header", onmousedown: this._handleMousedown.bind(this), ref: "layerHeader", style: moveStyle}, props.title) : "", 
	                autoClose, 
	                React.createElement("div", {className: "ucs-layer-content", ref: "layerContent", style: {height:props.contentHeight}}, 
	                    React.createElement("div", {className: bodyClass}, bodyContent), 
	                    button
	                )
	            )
	        )
	    }
	});

	module.exports = Layer;

/***/ }),
/* 12 */
/***/ (function(module, exports) {

	var Button = React.createClass({displayName: "Button",
		getInitialState:function () {
			return{
				disabled:this.props.disabled || false
			}
	    },
		getDefaultProps:function(){
			return{
				// disabled:false
			}
		},
		_handler:function(){
			var _this = this;
	        this.props.onClick();
		},
		render: function() {
			var _this = this;
			if(this.props.dmbind){
	            GiraffObjectManager[this.props.dmbind].setDisabled = function(bool){
	                if(bool){
	                    _this.setState({
	                        disabled:true
	                    })
	                }else{
	                    _this.setState({
	                        disabled:false
	                    })
	                }
	            };
			}

	        var customClassName = this.props.className ? 'ucs-btn '+this.props.className : 'ucs-btn';
	        customClassName = this.state.disabled ? customClassName + " ucs-btn-disabled" : customClassName;
			var id = this.props.id?this.props.id:'';
			if(this.props.href){
				return React.createElement("a", {id: id, onClick: this.props.onClick, className: customClassName, href: this.props.href}, this.props.value)
			}else{
				return React.createElement("button", {id: id, disabled: this.state.disabled, onClick: this._handler.bind(this), onMouseDown: this.props.onMouseDown, className: customClassName}, this.props.value)
			}
		}
	})
	module.exports = Button;

/***/ }),
/* 13 */
/***/ (function(module, exports) {

	/**
	 * Created by DuHuiling on 2017/2/24.
	 */
	var closeOpen = function(){
	    var _open = document.getElementsByClassName('open')[0];
	    if(_open){
	        var _classArr = _open.className.split(" ");
	        for(var i in _classArr){
	            if(_classArr[i] == "open"){
	                _classArr.splice(i,1);
	            }
	        }
	        var _className = _classArr.join(" ");
	        _open.className = _className;
	    }
	}
	EventListener.addEventHandler(document,"onclick",function (e) {
	    closeOpen();
	});

	var SelectDropDown = React.createClass({displayName: "SelectDropDown",
	    getDefaultProps: function () {
	        return {
	            id:"",
	            value: "",//默认初始值
	            className: "",
	            disabled:false,
	            type: "", //三种类型，bank,search
	            showNum: "",
	            showTitle:true,  //显示title
	            options: "",
	            defaultValue: "请选择",
	            defaultIndex:null,
	            searchButton: "",
	            placeholder: "",
	            fuzzy: false,//true支持模糊搜索，false不支持模糊搜索
	            inputChange: "",//搜索时输入框回调
	            buttonClick: "",//搜索时按钮回调
	            _dmid: new UDM({}).dmbind /*为每个 select-dropdown 创建udmid*/
	        }
	    },
	    getInitialState:function(){
	        return{
	            options: this.props.options,
	            currentIdx:this.props.defaultIndex,
	            currentValue:null,
	            currentText:'',
	            _className:this.props.className ? "ucs-select-dropdown "+ this.props.className : "ucs-select-dropdown",
	            searchInputVal: ""
	        }
	    },
	    setOptions:function (v) {
	        this.setState({
	            options:v
	        })
	    },
	    componentDidMount:function () {
	        var defaultIndex = this.props.defaultIndex;
	        var defaultValue = this.props.defaultValue;
	        var indexOptin,valueOption;
	        if(typeof defaultIndex =='number' && this.state.options[defaultIndex]){
	            this.setState({
	                currentIdx:defaultIndex,
	                currentText: this.state.options[defaultIndex].option,
	                currentValue: this.state.options[defaultIndex].value
	            });

	        }else if(defaultValue) {
	            this.state.options.map(function (item,index) {
	                if(item.value == defaultValue){
	                    indexOptin = index;
	                }
	            });
	            valueOption = (typeof indexOptin == "number") ? this.state.options[indexOptin].option : defaultValue;
	            this.setState({
	                currentIdx:indexOptin,
	                currentValue:defaultValue,
	                currentText: valueOption
	            });
	        }else {
	            this.setState({
	                currentText: '请选择'
	            });
	        }
	    },
	    _toggle:function(ref,e){
	        if(this.props.disabled){
	            return;
	        }

	        var _current = this.refs[this.props._dmid];
	        var e = e || window.event;
	        //console.log(e)
	        if(e && e.stopPropagation){
	            //因此它支持W3C的stopPropagation()方法
	            e.stopPropagation();
	        }else{
	            //否则我们使用ie的方法来取消事件冒泡
	            window.event.cancelBubble = true;
	        }
	        this.setState({
	            _className:this._toggleOpen(_current.className)
	        })
	    },
	    _toggleOpen: function(_class){
	        closeOpen();
	        var _classList = _class.split(" ");
	        var j = 0;
	        for(var i=0; i<_classList.length;i++){
	            if(_classList[i] == "open"){
	                j = i;
	            }
	        }
	        if(j){
	            _classList.splice(j,1);
	        }else{
	            _classList.push('open');
	        }
	        _classList = _classList.join(" ");
	        return _classList;
	    },
	    _select:function(idx,val,ref){
	        var _node = this.refs[ref],
	            _input = this.refs[ref + '-control'];
	        // _node.className = this._toggleOpen(_node.className);
	        this.setState({
	            _className:this._toggleOpen(_node.className)
	        })
	        _input.innerHTML = this.state.options[idx].option;

	        this.state.currentIdx = idx;
	        if(val.value){
	            this.setState({
	                currentText: val.option,
	                currentValue: val.value
	            });
	        }else{
	            this.setState({
	                currentText: val.option,
	                currentValue: idx
	            });
	        }

	        var _v = this.getCurrentSelect();
	        this.props.onChange ? this.props.onChange(_v) : "";
	    },
	    getCurrentSelect:function(){
	        return {
	            selectIndex:this.state.currentIdx,
	            selectValue:this.state.currentValue,
	            selectText:this.state.currentText
	        }
	    },
	    searchClickHandler: function(e){
	        var e = e || window.event;
	        if(e && e.stopPropagation){
	            //因此它支持W3C的stopPropagation()方法
	            e.stopPropagation();
	        }else{
	            //否则我们使用ie的方法来取消事件冒泡
	            window.event.cancelBubble = true;
	        }
	    },
	    searchKeyupHandler: function(e){
	        var _this = this;
	        var e = e || window.event;
	        even = e.srcElement?e.srcElement:e.target;
	        var opts = _this.state.options;
	        var len = opts.length;
	        var arr = [];
	        var iArr = [];
	        var reg = new RegExp(even.value);
	        for(var i=0;i<len;i++){
	            //如果字符串中不包含目标字符会返回-1
	            if(opts[i].option.match(reg)){
	                arr.push(opts[i]);
	                iArr.push(i);
	            }
	        }
	        var element = this.refs[_this.props._dmid + '-dropdown-list'];
	        while (element.firstChild) {
	            element.removeChild(element.firstChild);
	        }
	        if(arr.length == 0){
	            this.refs[this.props._dmid + '-dropdown-list'].appendChild(
	                React.createElement("li", null, "无查询结果！")
	            );
	        }else{
	            if(_this.props.showTitle){
	                for(var i = 0; i < arr.length; i++){
	                    this.refs[this.props._dmid + '-dropdown-list'].appendChild(
	                        React.createElement("li", {title: arr[i].option, onClick: _this._select.bind(_this,i,iArr[i],_this.props._dmid)}, 
	                            arr[i].option
	                        )
	                    );
	                }
	            }else{
	                for(var i = 0; i < arr.length; i++){
	                    this.refs[this.props._dmid + '-dropdown-list'].appendChild(
	                        React.createElement("li", {onClick: _this._select.bind(_this,i,iArr[i],_this.props._dmid)}, 
	                            arr[i].option
	                        )
	                    );
	                }
	            }

	        }
	    },
	    /*下拉选项列表*/
	    /*selectList: function(){
	        var _lis = [],_that = this;
	        for(var i=0; i<this.state.options.length;i++){
	            (function(j,val,ref){
	                if(_that.props.showTitle){
	                    _lis.push(
	                        <li title={_that.state.options[j].option} onClick={_that._select.bind(_that,j,val,ref)}>
	                            {_that.state.options[j].option}
	                        </li>
	                    );
	                }else{
	                    _lis.push(
	                        <li onClick={_that._select.bind(_that,j,val,ref)}>
	                            {_that.state.options[j].option}
	                        </li>
	                    );
	                }

	            })(i,this.state.options[i],this.props._dmid);
	        }
	        return <ul>{_lis}</ul>
	    },*/
	    render:function(){
	        /*判断defaultValue是否是数字，“是”则代表默认显示第几个选项*/
	        var _this = this;
	        var defaultValue = _this.state.currentText;
	        var _class = _this.props.disabled?_this.state._className+" ucs-disabled":_this.state._className;
	        return (
	            React.createElement("div", {className: _class, ref: _this.props._dmid}, 
	                React.createElement("div", {className: "ucs-select-control", ref: _this.props._dmid + '-select-click', onClick: _this._toggle.bind(_this,_this.props._dmid + '-select-click')}, 
	                    React.createElement("div", {className: "ucs-input", ref: _this.props._dmid + '-control', title: _this.props.showTitle ? _this.state.currentText : ''}, _this.state.currentText), 
	                    React.createElement("span", {className: "ucs-icon"})
	                ), 
	                React.createElement("div", {className: "ucs-dropdown"}, 
	                    
	                        _this.props.fuzzy ? (
	                            React.createElement("div", {className: "ucs-dropdown-border"}, 
	                                React.createElement("div", {className: "usc-dropdown-search"}, React.createElement("input", {type: "text", onClick: _this.searchClickHandler.bind(_this), onKeyup: _this.searchKeyupHandler.bind(_this)})), 
	                                React.createElement("ul", {ref: _this.props._dmid + '-dropdown-list'}, 
	                                    
	                                        _this.state.options.map(function(opt,index){
	                                           if(_this.props.showTitle){
	                                               return (
	                                                   React.createElement("li", {title: opt.option, onClick: _this._select.bind(_this,index,opt,_this.props._dmid)}, 
	                                                       opt.option
	                                                   )
	                                               )
	                                           }else{
	                                               return (
	                                                   React.createElement("li", {onClick: _this._select.bind(_this,index,opt,_this.props._dmid)}, 
	                                                       opt.option
	                                                   )
	                                               )
	                                           }
	                                        })
	                                    
	                                )
	                            )
	                        ):(
	                            React.createElement("div", {className: "ucs-dropdown-border"}, 
	                                React.createElement("ul", {ref: _this.props._dmid + '-dropdown-list'}, 
	                                    
	                                        _this.state.options.map(function(opt,index){
	                                            if(_this.props.showTitle){
	                                                return (
	                                                    React.createElement("li", {title: opt.option, onClick: _this._select.bind(_this,index,opt,_this.props._dmid)}, 
	                                                        opt.option
	                                                    )
	                                                )
	                                            }else{
	                                                return (
	                                                    React.createElement("li", {onClick: _this._select.bind(_this,index,opt,_this.props._dmid)}, 
	                                                        opt.option
	                                                    )
	                                                )
	                                            }
	                                        })
	                                    
	                                )
	                            )
	                        )
	                    
	                )
	            )
	        )
	    }
	});
	module.exports = SelectDropDown;

/***/ }),
/* 14 */,
/* 15 */,
/* 16 */
/***/ (function(module, exports) {

	var Checkbox = React.createClass({displayName: "Checkbox",
	    getDefaultProps:function(){
	        return{
	            id: "",
	            value: "",
	            dmbind:""
	        }
	    },
	    handler: function (e) {
	        var _input = e.target || e.srcElement,
	            _checked = _input.checked;
	        this.props.onClick && this.props.onClick(_checked);
	    },
	    render: function () {
	        var checked = this.props.value ? true : false;
	        var className = this.props.className;
	        var text = this.props.text ? this.props.text : '';
	        return (
	            React.createElement("label", {className: className ? "ucs-checkbox " + className : "ucs-checkbox"}, 
	                React.createElement("input", {type: "checkbox", checked: checked, id: this.props.id, value: this.props.value, className: "ucs-checkbox-input", dmbind: this.props.dmbind, 
	                       onClick: this.handler.bind(this)}), 
	                React.createElement("span", {className: "ucs-checkbox-text"}, text)
	            )
	        )
	    }
	});

	module.exports = Checkbox;




/***/ }),
/* 17 */
/***/ (function(module, exports) {

	/**
	 * Created by DuHuiling on 2017/2/20.
	 */
	var HyperLink = React.createClass({displayName: "HyperLink",
	    getDefaultProps:function(){
	        return {
	            "id":"",
	            "className":"",
	            "href":"javascript:void(0)",
	            "text":""
	        }
	    },
	    render:function(){
	        return (
	            React.createElement("a", {id: this.props.id, className: "ucs-hyper-link "+this.props.className, href: this.props.href, onClick: this.props.onClick}, this.props.text)
	        )
	    }
	});

	module.exports = HyperLink;

/***/ }),
/* 18 */,
/* 19 */,
/* 20 */,
/* 21 */,
/* 22 */,
/* 23 */,
/* 24 */,
/* 25 */,
/* 26 */,
/* 27 */,
/* 28 */
/***/ (function(module, exports, __webpack_require__) {

	/**
	 * Created by DuHuiling on 2017/4/24.
	 */

	var Breadcrumb = __webpack_require__(29);

	var Result = React.createClass({displayName: "Result",
	    getDefaultProps:function(){
	        return{
	            data:{},
	            url:{
	                home:"",
	                invest:"",
	                account:""
	            }
	        }
	    },
	    getInitialState: function () {
	        return {
	            result:this.props.data.value,
	            investSum:0//预期收益
	        }
	    },
	    investSumChangeHandler: function (v) {
	        var v = Number(v);
	        var val = UMath.Earnings(v,this.state.result.Interest,this.state.result.Duration,PageDM.days.value);
	        val = UFormatter.formatMoney(val,2);
	        this.setState({
	            investSum:val
	        });
	    },
	    componentDidMount:function(){
	        var _this = this;
	        //console.log(_this.props.data)
	        //支付结果
	        UEventHub.on(_this.props.data.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function(v){
	            //_this.updateResult(v);
	            _this.setState({
	                result:v
	            });
	            _this.investSumChangeHandler(v.OrderAmount);//初始预期收益
	        });
	    },
	    render: function () {
	        var _url = this.props.url;
	        var OrderAmount = UFormatter.formatMoney(this.state.result.OrderAmount,2);
	        return (
	            React.createElement("div", null, 
	                React.createElement(Breadcrumb, {	separator: ">"}, 
	                    React.createElement(Breadcrumb.Item, {href: _url.home}, "首页"), 
	                    React.createElement(Breadcrumb.Item, {href: _url.invest}, "我要投资"), 
	                    React.createElement(Breadcrumb.Item, null, "支付结果")
	                ), 

	                React.createElement("div", {className: "pay-result"}, 
	                    React.createElement("div", {className: "line"}), 
	                    this.state.result.orderType == -1 ? '' : this.state.result.orderType ?
	                        React.createElement("div", {className: "content"}, 
	                            React.createElement("h1", null, React.createElement("i", {className: "iconfont icon-success"}), " 订单提交成功，请稍后查看投资记录"), 
	                            React.createElement("div", {className: "detail"}, 
	                                React.createElement("h2", null, this.state.result.ProjectName), 
	                                React.createElement("ul", {className: "clearfix"}, 
	                                    React.createElement("li", {className: ""}, "投标金额"), 
	                                    React.createElement("li", null, "预期收益"), 
	                                    React.createElement("li", null, "还款时间"), 
	                                    React.createElement("li", null, OrderAmount + "元"), 
	                                    React.createElement("li", null, React.createElement("span", {className: "fc-main"}, React.createElement("strong", null, this.state.investSum)), " 元"), 
	                                    React.createElement("li", null, this.state.result.RepayBegin)
	                                )
	                            ), 
	                            React.createElement("div", {className: "button"}, 
	                                "您现在可以", React.createElement("a", {href: _url.account, className: "btn btn-confirm"}, "进入账户中心"), React.createElement("a", {href: _url.home, className: "btn btn-cancel"}, "返回首页")
	                            ), 
	                            React.createElement("div", {className: "fc-light tips"}, "如需查看更多投标信息，请进入您的账户中心查看！")
	                        ) :
	                        React.createElement("div", {className: "content"}, 
	                            React.createElement("h1", {className: "fc-main"}, React.createElement("i", {className: "iconfont icon-failure"}), " 抱歉，订单支付不成功"), 
	                            React.createElement("div", {className: "tips-failure"}, this.state.result.ErrorTips), 
	                            React.createElement("div", {className: "button"}, React.createElement("a", {href: "javascript:;", onClick: this.state.result.retry, className: "btn btn-cancel"}, "返回重试"))
	                        )
	                    
	                )
	            )
	        )
	    }
	});
	module.exports = Result;

/***/ }),
/* 29 */
/***/ (function(module, exports) {

	/**
	 * Created by Administrator on 2017/3/23.
	 */

	var Breadcrumb = React.createClass({displayName: "Breadcrumb",
	    getDefaultProps: function(){
	        return{
	            separator:'>'   //分隔符
	        }
	    },
	    render: function(){
	        var that = this;
	        var len = this.props.children.length;
	        return (
	            React.createElement("div", {className: "ucs-breadcrumb"}, 
	                
	                    this.props.children.map(function (child,index) {
	                        if(index == len-1){
	                            return React.createElement("span", {className: "ucs-breadcrumb-link-last"}, child);
	                        }else{
	                            return React.createElement("span", null, child, React.createElement("span", {className: "ucs-breadcrumb-separator"}, that.props.separator));
	                        }
	                    })
	                
	            )
	        )
	    }
	});
	Breadcrumb.Item = React.createClass({displayName: "Breadcrumb.Item",
	    render: function () {
	        return (
	            this.props.href ?
	                React.createElement("a", {href: this.props.href}, this.props.children) :
	                React.createElement("span", null, this.props.children)
	        )
	    }
	});

	module.exports = Breadcrumb;

/***/ }),
/* 30 */
/***/ (function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/4/10.
	 */
	var Breadcrumb = __webpack_require__(29);
	var InputNumber = __webpack_require__(31);
	var BackAccount = __webpack_require__(32);
	var Checkbox = __webpack_require__(16);
	var Button = __webpack_require__(12);

	var ConfirmWrap = React.createClass({displayName: "ConfirmWrap",
	    getInitialState: function () {
	        return {
	            inputNum: window.PageDM.inputNum.value
	        }
	    },
	    investSumChangeHandler: function (v) {
	        var FinanceDetail = this.state.inputNum.FinanceDetail;
	        var v = parseInt(v / FinanceDetail.AppendBuyAmount) * FinanceDetail.AppendBuyAmount;
	        var val = UMath.Earnings(v, this.state.inputNum.FinanceDetail.Interest, this.state.inputNum.FinanceDetail.Duration, PageDM.days.value);
	        val = UFormatter.formatMoney(val,2);
	        window.PageDM.inputNum.value.FinanceDetail.PartsCount = v;
	        this.refs.expectedReturn.innerHTML = val;
	        this.refs.inputnumber.setValue(v);
	    },
	    componentDidMount:function () {
	        // this.investSumChangeHandler(this.state.inputNum.FinanceDetail.PartsCount);//初始预期收益
	    },
	    render:function () {
	        var _this = this, FinanceDetail = _this.state.inputNum.FinanceDetail;
	        var expect = UMath.Earnings(FinanceDetail.PartsCount, FinanceDetail.Interest, FinanceDetail.Duration, PageDM.days.value);//预期收益
	        expect = UFormatter.formatMoney(expect,2);

	        //已登录
	        var loginMax = FinanceDetail.MaxInvestPartsCount * FinanceDetail.EachPartAmount,
	            MinInvest = FinanceDetail.MinInvestPartsCount * FinanceDetail.EachPartAmount;

	        var PartsCount = Number(FinanceDetail.PartsCount)?Number(FinanceDetail.PartsCount):0;

	        //尾单金额
	        var _value = FinanceDetail.PartsCount;
	        if(loginMax < MinInvest && FinanceDetail.RemainPartsCount > 0){
	            _value = FinanceDetail.RemainPartsCount * FinanceDetail.EachPartAmount;
	        }
	        return(
	            React.createElement("div", {className: "confirm-box"}, 
	                React.createElement("h3", null, this.state.inputNum.FinanceDetail.ProjectName), 
	                React.createElement("table", {className: "table-1"}, 
	                    React.createElement("tbody", null, 
	                    React.createElement("tr", null, 
	                        React.createElement("th", {width: "500"}, "投标总额"), 
	                        React.createElement("th", null, "预期收益"), 
	                        React.createElement("th", null, "到期回款日")
	                    ), 
	                    React.createElement("tr", null, 
	                        React.createElement("td", null, 
	                            React.createElement("div", null, 
	                                React.createElement("span", null, 
	                                    React.createElement(InputNumber, {step: FinanceDetail.AppendBuyAmount, 
	                                                 max: FinanceDetail.EachPartAmount * FinanceDetail.MaxInvestPartsCount, 
	                                                 min: FinanceDetail.EachPartAmount * FinanceDetail.MinInvestPartsCount, 
	                                                 value: _value, 
	                                                 disabled: (FinanceDetail.ProjectStatus>2 || FinanceDetail.RemainPartsCount < FinanceDetail.MinInvestPartsCount)? true:false, 
	                                                 onChange: _this.investSumChangeHandler.bind(_this), 
	                                                 ref: "inputnumber"})
	                                ), 
	                                React.createElement("span", null, "元")
	                            ), 
	                            React.createElement("p", {className: "fc-main warm"}, 
	                                
	                                    (loginMax < MinInvest) ?
	                                        (FinanceDetail.RemainPartsCount > 0 ?
	                                            React.createElement("p", null, "您在此项目的剩余可投金额为", UFormatter.formatMoney(FinanceDetail.RemainPartsCount * FinanceDetail.EachPartAmount), "元") :
	                                            React.createElement("p", null, "您在此项目的剩余可投金额不足，请选择其他项目")
	                                        ) :
	                                        React.createElement("p", null, "您在此项目的剩余可投金额为", UFormatter.formatMoney(loginMax), "元")
	                                
	                            )
	                        ), 
	                        React.createElement("td", null, React.createElement("b", {className: "fc-main fs20", ref: "expectedReturn"}, expect), " 元"), 
	                        React.createElement("td", null, this.state.inputNum.FinanceDetail.RepayBegin)
	                    )
	                    )
	                )
	            )
	        )
	    }
	});
	var CheckWrap = React.createClass({displayName: "CheckWrap",
	    getInitialState: function () {
	        return {
	            checkbox:PageDM.checkbox,
	            url:this.props.url
	        }
	    },
	    checkboxClick:function(v){
	        PageDM.checkbox.setValue(v);
	        PageDM.checkbox.onClick(v);
	    },
	    render:function () {
	        var _this = this;
	        return(
	            React.createElement("div", {className: "check"}, 
	                React.createElement(Checkbox, {text: " 我已阅读并同意", value: _this.state.checkbox.value, onClick: _this.checkboxClick}), 
	                React.createElement("a", {className: "fc-link", onClick: _this.state.url.agreement.onClick, href: "javascript:void (0)", target: "_blank"}, "《", _this.state.url.agreement.name, "》")
	            )
	        )
	    }
	})
	var Step1 = React.createClass({displayName: "Step1",
	    getInitialState: function () {
	        return {
	            // inputNum:window.PageDM.inputNum.value,
	            // PayBankCards:window.PageDM.PayBankCards.value,
	            // userInfo:window.PageDM.userInfo.value,
	            investSum:0,//预期收益
	            // BankCardList: window.PageDM.BankCardList.value,
	            payType: PageDM.payType.value
	        }
	    },
	    getRefs:function (ref) {
	        return this.refs[ref];
	    },
	    componentDidMount: function () {
	        var _this = this;
	        var PageDM = window.PageDM;

	        //确认投资金额
	        UEventHub.on(PageDM.inputNum.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function (v) {
	            _this.refs.confirmWrap.setState({
	                inputNum:v
	            });
	        });
	    },
	    render: function () {
	        var _this = this;

	        return (
	            React.createElement("div", null, 
	                React.createElement(Breadcrumb, {separator: ">"}, 
	                    React.createElement(Breadcrumb.Item, {href: PageDM.URL.value.home}, "首页"), 
	                    React.createElement(Breadcrumb.Item, {href: PageDM.URL.value.invest}, "我要投资"), 
	                    React.createElement(Breadcrumb.Item, null, "确认投资金额")
	                ), 
	                React.createElement("div", {className: "project-ok"}, 
	                    React.createElement("div", {className: "title"}, React.createElement("b", null), "确认投资金额", React.createElement("b", null)), 
	                    React.createElement(ConfirmWrap, {ref: "confirmWrap"}), 
	                    React.createElement(BackAccount, {ref: "backAccount"}), 

	                    React.createElement("div", {className: "confirm-agree"}, 
	                        React.createElement(CheckWrap, {ref: "checkWrap", url: PageDM.URL.value}), 
	                        React.createElement("div", {className: "fc-light tip"}, 
	                            React.createElement("p", null, React.createElement("span", null, "*"), " ", React.createElement("b", null, "温馨提示"), "建议选择使用IE或者带IE内核的浏览器进行投标支付。"), 
	                            React.createElement("p", null, React.createElement("span", null, "*"), " ", React.createElement("b", null, "免责声明"), "预期收益仅供参考，具体以实际发生收益为准。"
	                            )
	                        )
	                    ), 
	                    React.createElement("div", {className: "confirm-btn"}, 
	                        React.createElement(Button, {value: "确定购买", className: "ucs-btn-confirm btn-block", onClick: PageDM.btn.onClick, dmbind: PageDM.btn.dmbind})
	                    ), 

	                    React.createElement("span", {className: "angle angle-top"}), 
	                    React.createElement("span", {className: "angle angle-bottom"})
	                )
	            )
	        )
	    }
	});
	module.exports = Step1;

/***/ }),
/* 31 */
/***/ (function(module, exports) {

	//查询样式是否存在
	function hasClass(elem, cls) {
	    elem = elem || {};
	    return new RegExp("\\b" + cls + "\\b").test(elem.className);
	};
	//添加样式
	function addClass(elem, cls) {
	    elem = elem || {};
	    hasClass(elem, cls) || (elem.className += " " + cls);
	    elem.className = elem.className.replace(/^\s|\s$/g, "").replace(/\s+/g, " ");
	    return this;
	};
	//删除样式
	function removeClass(elem, cls) {
	    elem = elem || {};
	    if (hasClass(elem, cls)) {
	        elem.className = elem.className.replace(new RegExp("(\\s|^)" + cls + "(\\s|$)"), "");
	    }
	    return this;
	};
	var InputNumber = React.createClass({displayName: "InputNumber",
	    getDefaultProps: function () {
	        return {
	            min: "",
	            max: "",
	            value: "",
	            step: "",
	            onChange: "",
	            disabled: "",
	            className: "",
	            id: ""
	        }
	    },
	    getInitialState: function () {
	        return {
	            value: this.props.value
	        }
	    },
	    componentDidMount: function(){

	    },
	    handelAdd: function () {
	        var _this = this;
	        if(hasClass(_this.refs.add,"disabled")){
	            return;
	        }
	        var v = parseInt(_this.state.value) + parseInt(_this.props.step);
	        if (v >= parseInt(_this.props.max)) {
	            addClass(_this.refs.add,"disabled");
	            v = _this.props.max;
	        }
	        _this.setState({
	            value: v
	        });
	        _this.props.onChange ? _this.props.onChange(_this.state.value) : "";
	    },
	    handelLess: function () {
	        var _this = this;
	        if(hasClass(_this.refs.less,"disabled")){
	            return;
	        }
	        var v = parseInt(_this.state.value) - parseInt(_this.props.step);
	        if (v <= parseInt(_this.props.min)) {
	            addClass(_this.refs.less,"disabled");
	            v = _this.props.min;
	        }
	        _this.setState({
	            value: v
	        });
	        _this.props.onChange ? _this.props.onChange(_this.state.value) : "";
	    },
	    handleChange: function (e) {
	        var _this = this;
	        var _e = e.target || e.srcElement;
	        var v = _e.value;
	        if (v > parseInt(_this.props.max)) {
	            v = _this.props.max;
	            addClass(_this.refs.add,"disabled");
	        } else if (v < parseInt(_this.props.min)) {
	            v = _this.props.min;
	            addClass(_this.refs.less,"disabled");
	        }

	        if (!isNaN(v)) {
	            _this.setState({
	                value: v
	            });
	        } else {
	            _this.setState({
	                value: _this.props.min
	            });
	        }

	        _this.props.onChange ? _this.props.onChange(_this.state.value) : "";
	    },
	    setValue: function(v){
	        this.setState({
	            value: v
	        });
	    },
	    getValue: function(){
	        return this.state.value;
	    },
	    render: function () {
	        var classNameLess="";
	        var classNameAdd="";

	        if(this.props.disabled || this.state.value <= this.props.min){
	            classNameLess = "disabled";
	        }
	        if(this.props.disabled || this.state.value >= this.props.max){
	            classNameAdd = "disabled";
	        }
	        return (
	            React.createElement("div", {className: this.props.className?"ucs-input-number "+this.props.className:"ucs-input-number", id: this.props.id}, 
	                React.createElement("a", {className: "less iconfont icon-less "+classNameLess, onClick: this.handelLess.bind(this), ref: "less"}), 
	                React.createElement("input", {disabled: this.props.disabled, onChange: this.handleChange.bind(this), value: this.state.value, className: "ucs-input", ref: "inputnumber"}), 
	                React.createElement("a", {className: "add iconfont icon-add "+classNameAdd, onClick: this.handelAdd.bind(this), ref: "add"})
	            )
	        )
	    }
	});
	module.exports = InputNumber;


/***/ }),
/* 32 */
/***/ (function(module, exports, __webpack_require__) {

	/**
	 * Created by DuHuiling on 2017/4/24.
	 */
	var HyperLink = __webpack_require__(17);
	var Label = __webpack_require__(8);
	var FormItem = __webpack_require__(7);
	var Input = __webpack_require__(9);
	var Password = __webpack_require__(5);
	var SelectDropDown = __webpack_require__(13);

	var UserMsg = React.createClass({displayName: "UserMsg",
	    getInitialState:function() {
	        return {
	            userInfo: PageDM.userInfo.value
	        }
	    },
	    render:function () {
	        var _this = this;
	        return(
	            React.createElement("div", {className: "confirm-id fc-dark"}, 
	                _this.state.userInfo.realName !== undefined && _this.state.userInfo.realName !== null ?
	                    React.createElement("p", null, "真实姓名：", _this.state.userInfo.realName) : "", 
	                
	                _this.state.userInfo.IDcard !== undefined && _this.state.userInfo.IDcard !== null ?
	                    React.createElement("p", null, "身份证号码：", _this.state.userInfo.IDcard) : ""
	                
	            )
	        )
	    }
	})

	var BackAccount = React.createClass({displayName: "BackAccount",
	    getInitialState:function(){
	        return {
	            PayBankCards: PageDM.PayBankCards.value,
	            url: PageDM.URL.value,
	            // checkbox:PageDM.checkbox,
	            quickPayIndex: PageDM.PayBankCards.value.SelectIndex - 1,
	            gatewayPayIndex: 0,
	            payTypeRadio: PageDM.payType.value,
	            BankCardList: PageDM.BankCardList.value.BankCardList,
	            ReFreeVal: PageDM.ReFree.value,
	            inputNum: PageDM.inputNum.value
	        }
	    },
	    componentDidMount:function(){
	        var _this = this;
	        //确认投资金额
	        UEventHub.on(PageDM.inputNum.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function (v) {
	            _this.setState({
	                inputNum:v
	            });
	        });
	        //支付方式
	        UEventHub.on(PageDM.payType.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function (v) {
	            _this.setState({
	                payTypeRadio:v
	            });
	        });
	        //回款账户
	        UEventHub.on(PageDM.PayBankCards.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function (v) {
	            _this.setState({
	                PayBankCards:v,
	                quickPayIndex: v.SelectIndex-1
	            });

	        });
	        //银行卡列表
	        UEventHub.on(PageDM.BankCardList.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function (v) {
	            _this.setState({
	                BankCardList:v.BankCardList
	            });
	        });
	        //身份信息
	        UEventHub.on(PageDM.userInfo.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function (v) {
	            _this.refs.userMsg.setState({
	                userInfo:v
	            });
	        });
	        //推荐码
	        UEventHub.on(PageDM.ReFree.dmbind + UI_EVENT_CONST.SET_UDM_VALUE_EVENT, function (v) {
	            _this.setState({
	                ReFreeVal:v
	            });
	        });
	    },
	    selectQuickPayCard: function(v){
	        this.setState({
	            quickPayIndex: v.selectIndex
	        });
	    },
	    selectGatewayPayCard: function(index){
	        this.setState({
	            gatewayPayIndex: index
	        });
	    },
	    payTypeHandler: function(index){
	        PageDM.BussinessPwd.reset();
	        PageDM.payType.setValue(index);
	        PageDM.payType.onClick();
	    },
	    getRefs:function (ref) {
	        return this.refs[ref];
	    },
	    render:function(){
	        var _this = this;
	        var _quickPayIndex = _this.state.quickPayIndex;
	        var _gatewayPayIndex = _this.state.gatewayPayIndex;
	        var _payTypeRadio = this.state.payTypeRadio;
	        var options = [];
	        var BList = _this.state.PayBankCards;
	        for (var i=0; i< BList.BankAccountList.length;i++) {
	            var item = BList.BankAccountList[i];
	            options.push({
	                option: "<div><span class='bank-logo " + item.BankIconCss + "'></span><b>" + item.AccountNoShortHide + "</b></div>",
	                value: item.UserBankAccountId
	            });
	        }
	        PageDM.PayBankCards.value.BankCardId = BList.BankAccountList[_quickPayIndex].UserBankAccountId;
	        PageDM.BankCardList.value.BankCardId = _this.state.BankCardList[_gatewayPayIndex].BankCode;
	        return(
	            React.createElement("div", null, 
	                React.createElement("div", null, 
	                    React.createElement("div", {className: "title"}, React.createElement("b", null), "身份信息", React.createElement("b", null)), 
	                    React.createElement(UserMsg, {ref: "userMsg"})
	                ), 
	                React.createElement("div", {className: "title"}, 
	                    React.createElement("b", null), "支付方式", React.createElement("b", null)
	                ), 

	                React.createElement("div", {className: "pay-type"}, 
	                    React.createElement("input", {type: "radio", name: "payType", checked: _payTypeRadio == 1, onclick: _this.payTypeHandler.bind(_this,1)}), React.createElement("label", {onClick: _this.payTypeHandler.bind(_this,1)}, "快捷支付"), 
	                    React.createElement("input", {type: "radio", name: "payType", checked: _payTypeRadio == 2, onClick: _this.payTypeHandler.bind(_this,2)}), React.createElement("label", {onClick: _this.payTypeHandler.bind(_this,2)}, "网关支付")
	                ), 

	                React.createElement("div", {className: "title"}, 
	                    React.createElement("b", null), "选择支付银行", React.createElement("b", null)
	                ), 
	                
	                    _payTypeRadio == 1 ? React.createElement("div", {className: "quick-pay"}, 
	                        React.createElement("div", {className: "confirm-bank-con clearfix fc-dark"}, 
	                            React.createElement("span", {className: "f-left"}, "银行账户："), 
	                            React.createElement("div", {className: "f-left"}, 
	                                React.createElement("div", {className: "form-group", ref: "test"}, 
	                                    React.createElement(SelectDropDown, {options: options, defaultIndex: _quickPayIndex, showTitle: false, 
	                                                    onChange: _this.selectQuickPayCard.bind(_this)})
	                                )
	                            ), 
	                            React.createElement(HyperLink, {className: "bank-add", text: "<span><i className=\"iconfont icon-add\"></i>添加账户</span>", 
	                                       href: _this.state.url.addCard})
	                        ), 
	                        React.createElement("p", {className: "select-table-title"}, "您选择的是", _this.state.PayBankCards.BankAccountList[_quickPayIndex].BankName), 
	                        React.createElement("table", {className: "selected-bank-table"}, 
	                            React.createElement("thead", null, 
	                            React.createElement("tr", null, 
	                                React.createElement("td", null, "银行卡种类"), 
	                                React.createElement("td", null, "单笔限额（万元）"), 
	                                React.createElement("td", null, "每日限额（万元）"), 
	                                React.createElement("td", null, "满足条件")
	                            )
	                            ), 
	                            React.createElement("tbody", null, 
	                            React.createElement("tr", null, 
	                                React.createElement("td", null, _this.state.PayBankCards.BankAccountList[_quickPayIndex].Type), 
	                                React.createElement("td", null, _this.state.PayBankCards.BankAccountList[_quickPayIndex].SingleLimit), 
	                                React.createElement("td", null, _this.state.PayBankCards.BankAccountList[_quickPayIndex].DailyLimit), 
	                                React.createElement("td", null, _this.state.PayBankCards.BankAccountList[_quickPayIndex].Description)
	                            )
	                            )
	                        ), 
	                        React.createElement("p", {className: "select-bank-tips"}, "注：如您在银行设置的限额低于此限额，请以银行限额为准。")
	                    ) :
	                        React.createElement("div", {className: "select-bank-card"}, 
	                            React.createElement("div", {className: "bank-card-list"}, 
	                                React.createElement("ul", {ref: "bank-card-list"}, 
	                                    
	                                        _this.state.BankCardList.map(function(item,index){
	                                            if(index == _gatewayPayIndex){
	                                                return (React.createElement("li", {className: "bank-logo "+item.BankLogo+" selected", onClick: _this.selectGatewayPayCard.bind(_this,index)}));
	                                            }else{
	                                                return (React.createElement("li", {className: "bank-logo "+item.BankLogo, onClick: _this.selectGatewayPayCard.bind(_this,index)}));
	                                            }
	                                        })
	                                    
	                                )
	                            ), 
	                            React.createElement("p", {className: "select-table-title"}, "您选择的是", _this.state.BankCardList[_gatewayPayIndex].BankName), 
	                            React.createElement("table", {className: "selected-bank-table"}, 
	                                React.createElement("thead", null, 
	                                React.createElement("tr", null, 
	                                    React.createElement("td", null, "银行卡种类"), 
	                                    React.createElement("td", null, "单笔限额（万元）"), 
	                                    React.createElement("td", null, "每日限额（万元）"), 
	                                    React.createElement("td", null, "满足条件")
	                                )
	                                ), 
	                                React.createElement("tbody", null, 
	                                React.createElement("tr", null, 
	                                    React.createElement("td", null, _this.state.BankCardList[_gatewayPayIndex].Type), 
	                                    React.createElement("td", null, _this.state.BankCardList[_gatewayPayIndex].SingleLimit), 
	                                    React.createElement("td", null, _this.state.BankCardList[_gatewayPayIndex].DailyLimit), 
	                                    React.createElement("td", null, _this.state.BankCardList[_gatewayPayIndex].Description)
	                                )
	                                )
	                            ), 
	                            React.createElement("p", {className: "select-bank-tips"}, "注：如您在银行自行设置了单笔限额或每日限额，最终支付额度以您与银行的约定为准。")
	                        ), 
	                

	                React.createElement("div", {className: "title"}, 
	                    React.createElement("b", null), "回款账户", React.createElement("b", null), 
	                    React.createElement("span", {className: "fc-main tips"}, React.createElement("i", {className: "iconfont icon-tips"}), "（温馨提示：您所选择的银行账户将用于支付投标款项和收取投标本金及收益）")
	                ), 

	                
	                    _payTypeRadio == 1 ? React.createElement("div", null, 
	                        React.createElement("div", {className: "confirm-bank-con clearfix fc-dark"}, 
	                            React.createElement("span", {className: "f-left"}, "银行账户："), 
	                            React.createElement("div", {className: "f-left"}, 
	                                React.createElement("div", {className: "form-group", ref: "test"}, 
	                                    React.createElement("div", {className: "bankCardAccount"}, React.createElement("span", {className: "bank-logo "+_this.state.PayBankCards.BankAccountList[_quickPayIndex].BankIconCss}), React.createElement("b", null, _this.state.PayBankCards.BankAccountList[_quickPayIndex].AccountNoShortHide))
	                                )
	                            )
	                        ), 
	                        React.createElement("div", {className: "confirm-bank-con fc-dark", style: {paddingLeft:"0"}}, 
	                            React.createElement(Label, {value: "手机号："}), _this.state.PayBankCards.StayMobile, " ", React.createElement("span", {className: "fc-light"}, "（此号码用于接收您的投资提醒短信）")
	                        ), 
	                        this.state.PayBankCards.PrjectType == 1 && this.state.inputNum.FinanceDetail.IsExclusivePublic ?
	                            React.createElement(FormItem, {label: "专属码：", dmbind: PageDM.ExclusiveNum.dmbind}, 
	                                React.createElement(Input, {placeholder: "请输入项目专属识别码", dmbind: PageDM.ExclusiveNum.dmbind})
	                            ) : "", 
	                        
	                        React.createElement(FormItem, {label: "支付密码:", dmbind: PageDM.BussinessPwd.dmbind}, 
	                            React.createElement(Password, {placeholder: "请输入支付密码", dmbind: PageDM.BussinessPwd.dmbind})
	                        ), 
	                        React.createElement(FormItem, {label: "推荐码：", dmbind: PageDM.ReFree.dmbind}, 
	                            React.createElement(Input, {placeholder: "请输入推荐码", value: _this.state.ReFreeVal, dmbind: PageDM.ReFree.dmbind})
	                        )
	                    ) :
	                        React.createElement("div", null, 
	                            React.createElement("div", {className: "confirm-bank-con clearfix fc-dark"}, 
	                                React.createElement("span", {className: "f-left"}, "银行账户："), 
	                                React.createElement("div", {className: "f-left"}, 
	                                    React.createElement("div", {className: "form-group", ref: "test"}, 
	                                        React.createElement(SelectDropDown, {options: options, defaultIndex: _quickPayIndex, showTitle: false, 
	                                                        onChange: _this.selectQuickPayCard.bind(_this)})
	                                    )
	                                ), 
	                                React.createElement(HyperLink, {className: "bank-add", text: "<span><i className=\"iconfont icon-add\"></i>添加账户</span>", 
	                                           href: _this.state.url.addCard})
	                            ), 
	                            React.createElement("div", {className: "confirm-bank-con fc-dark", style: {paddingLeft:"0"}}, 
	                                React.createElement(Label, {value: "手机号："}), _this.state.PayBankCards.StayMobile, " ", React.createElement("span", {className: "fc-light"}, "（此号码用于接收您的投资提醒短信）")
	                            ), 
	                            this.state.PayBankCards.PrjectType == 1 && this.state.inputNum.FinanceDetail.IsExclusivePublic ?
	                                React.createElement(FormItem, {label: "专属码：", dmbind: PageDM.ExclusiveNum.dmbind}, 
	                                    React.createElement(Input, {placeholder: "请输入项目专属识别码", dmbind: PageDM.ExclusiveNum.dmbind})
	                                ) : "", 
	                            
	                            React.createElement(FormItem, {label: "支付密码:", dmbind: PageDM.BussinessPwd.dmbind}, 
	                                React.createElement(Password, {placeholder: "请输入支付密码", dmbind: PageDM.BussinessPwd.dmbind})
	                            ), 
	                            React.createElement(FormItem, {label: "推荐码：", dmbind: PageDM.ReFree.dmbind}, 
	                                React.createElement(Input, {placeholder: "请输入推荐码", value: _this.state.ReFreeVal, dmbind: PageDM.ReFree.dmbind})
	                            )
	                        )
	                

	            )
	        )
	    }
	});
	module.exports = BackAccount;

/***/ })
/******/ ]);